// out: false,main:../fire_normal.less,main:../fire_dark.less
.float-left-box {
    position: absolute;
    z-index: 501;
    left: 10px;
    top: 10px;
    display: flex;
    flex-direction: column;
    // align-items: flex-start;
    height: calc(100% - 30px);
    width: 300px;

    .layui-card {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        position: relative;

        .layui-card-body {
            flex: auto;
            display: flex;
            align-items: stretch;
            justify-content: center;
            flex-direction: column;
        }

        &:last-child {
            margin-bottom: 15px;
        }
    }

    .event-box {
        flex-grow: 0;
    }

    .left-box-main {
        // display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        // border:1px solid #f00;
        box-sizing: border-box;
        overflow: auto;
        top: 0;
        bottom: 10px;
        // padding:0 10px 0 0;
        .scrollBar();

        .layui-card {
            display: flex;
            flex-direction: column;
            flex-grow: 1;

            .layui-card-body {
                flex: auto;
                display: flex;
                align-items: stretch;
                justify-content: flex-start;
                flex-direction: column;
            }
        }
    }

    .jyll-box {
        width: 100%;

        ul {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: wrap;

            li {
                flex-grow: 1;
                cursor: pointer;
                padding: 8px 0;
                width:30%;
                p {
                    text-align: center;
                    padding: 4px 0;
                    
                    .num {
                        font-size: 25px;
                        font-weight: bold;
                        color: #f00;
                        padding: 0 5px;
                    }
                }
            }
        }
    }

    .jyll-box-two {
        ul {
            li {
                width: 49%;
            }
        }
    }
}

#data-panel {
    overflow: hidden;
    height: 100%;
    position: relative;
    // display: flex;
    // overflow: auto;
}
.importDark (@a)when (@a="dark") {
    .float-left-box {
        .layui-card{
            background:@main-color;
            color:#fff;
            .layui-card-header{
                color:#fff;
                border-bottom:1px solid lighten(@main-color,10%);
            }
        }
    }
    .event-info{
        p{
            label{
                color:#ccc;
            }
        }
    }
}
